<ui:composition template="../template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
	<ui:define name="localizacao">
		<h:outputText value="&#160;" />
		<a href="listarConcursos.xhtml"> Concursos</a>
		<h:outputText value="&#160;> Cadastrar Concurso" />
	</ui:define>
	<ui:define name="content">
		<p:ajaxStatus style="width:200px;height:200px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<h:graphicImage value="../public/images/loading45.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
		<h4>
			<b><h:outputText value="Cadastrar Concurso: " /></b>
		</h4>
		<br />

		<h:form id="form_cadConcurso" prependId="false">
			<p:growl id="msg1" showDetail="true" sticky="false" life="5000" />
			<font color="red" size="2"><h:outputText id="campo_obrigatorio"
					value="* Campo obrigatório" /></font>
			<br />
			<br />
			<div id="campo_obrigatorio2" style="display: none;">
				<font color="red" size="2"><h:outputText value="Informe os campos obrigatórios" /></font>
			</div>
			<br />
			<br />
			<div>
				<h:outputText value="Nome: *" styleClass="label2" />
				<p:inputText id="nome" value="#{concursoMB.concurso.nome}" />
			</div>
			<div>
				<h:outputText value="Cargo: *" styleClass="label2" />
				<p:inputText id="cargo" value="#{concursoMB.concurso.cargo}" />
			</div>
			<div>
				<h:outputText value="Data de aplicação da prova: " styleClass="label2" />
				<p:calendar id="dataApliProva" locale="pt" showButtonPanel="true" navigator="true"
					pattern="dd/MM/yyyy" yearRange="c-50:c-0" value="#{concursoMB.concurso.dataProva}" />
			</div>
			<div>
				<h:outputText value="Data do início das inscrições: *" styleClass="label2" />
				<p:calendar id="dataInicioInscricoes" locale="pt" showButtonPanel="true" navigator="true"
					pattern="dd/MM/yyyy" yearRange="c-50:c-0" value="#{concursoMB.concurso.inscricaoInicio}" />
			</div>
			<div>
				<h:outputText value="Data do término das inscrições: *" styleClass="label2" />
				<p:calendar id="dataTerminoInscricoes" locale="pt" showButtonPanel="true" navigator="true"
					pattern="dd/MM/yyyy" yearRange="c-50:c-0" value="#{concursoMB.concurso.inscricaoFim}" />
			</div>

			<div id="oculto4" style="display: none;">
				<h:outputText value="Nível: " styleClass="label2" />
				<h:selectOneMenu id="nivelConcurso" value="#{concursoMB.concurso.nivel}">
					<f:selectItem itemLabel="Selecione" />
					<f:selectItem itemValue="Fundamental" itemLabel="Fundamental" />
					<f:selectItem itemValue="Medio" itemLabel="Medio" />
					<f:selectItem itemValue="Tecnico" itemLabel="Tecnico" />
					<f:selectItem itemValue="Superior" itemLabel="Superior" />
				</h:selectOneMenu>
			</div>
			<div id="oculto3" style="display: none;">
				<h:outputText value="Salário: " styleClass="label2" />
				<p:inputMask id="salario" value="#{concursoMB.concurso.salario}" mask="9?9999999999999"
					placeHolder=" " />
			</div>
			<div id="oculto2" style="display: none;">
				<h:outputText value="Data de liberação do cartão do candidato: " styleClass="label2" />
				<p:calendar id="dataLiberacaoCartao" locale="pt" showButtonPanel="true" navigator="true"
					pattern="dd/MM/yyyy" yearRange="c-50:c-0" value="#{concursoMB.concurso.dataLiberacaoCartao}" />
			</div>
			<div id="oculto5" style="display: none;">
				<h:outputText value="Local da Prova: " styleClass="label2" />
				<p:inputText id="local_prova" value="#{concursoMB.concurso.localProva}" />
			</div>
			<div id="oculto6" style="display: none;">
				<h:outputText value="Carga horária (em horas): " styleClass="label2" />
				<p:inputMask id="hr_trabalho" value="#{concursoMB.concurso.horasTrabalho}" mask="9?9" />
			</div>
			<div id="oculto7" style="display: none;">
				<h:outputText value="Requisitos: " styleClass="label2" />
				<p:inputTextarea type="text" name="requisitos" value="#{concursoMB.concurso.requisitosCargo}" />
			</div>
			<br />
			<div id="oculto" style="display: none;">
				<h:outputText value="Informação adicional: " styleClass="label2" />
				<p:inputTextarea type="text" name="telefone" value="#{concursoMB.concurso.informacao}" />
			</div>
			<br />
			<div id="oculto8" style="display: none;">
				<h:outputText value="Inscrição Paga: " styleClass="label2" />
				<p:selectBooleanCheckbox value="#{concursoMB.concurso.inscricaoPaga}" />
			</div>
			<div id="conteudo">
				<br /> <a href="#" id="mostrar">[+] Mostrar dados adicionais</a>
			</div>
			<div>
				<br />
			</div>
			<div>
				<p:commandButton actionListener="#{concursoMB.cadastrarConcurso()}"
					update="msg1, form_cadConcurso" styleClass="ui-priority-primary" value="Cadastrar" />
			</div>
		</h:form>
	</ui:define>
</ui:composition>